import React, { SVGProps } from "react";

const RemixIcon = (props: SVGProps<SVGSVGElement>) => (
    <svg
        width={97}
        height={25}
        viewBox="0 0 97 25"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            d="M20.55 23.881c0-1.4 0-2.683-.212-5.42-.261-2.75-1.682-4.144-4.112-4.634 2.879-.377 5.01-2.637 5.01-6.103 0-4.633-3.029-7.534-9.123-7.534H.808v4.83H10.99c2.692 0 4.038 1.164 4.038 3.085 0 2.184-1.346 3.01-4.038 3.01H.808v4.934h9.884c2.131 0 3.29.603 3.477 3.315.142 1.853.124 2.77.107 3.65v.01c-.005.28-.01.556-.01.857h6.284Z"
            fill="#2A2A42"
        />
        <path
            d="M.808 20.203v3.678h7.996v-2.354c0-.495-.241-1.324-1.351-1.324H.808ZM96.174 7.337h-6.229L87.11 11.32l-2.76-3.983h-6.676l6.005 8.23-6.528 8.53h6.23l3.32-4.547 3.319 4.548h6.676l-6.564-8.794 6.042-7.967ZM51.755 6.808c2.946 0 4.475 1.352 5.184 3.307.895-1.88 2.872-3.307 5.67-3.307 4.588 0 5.93 3.194 5.93 6.689v10.522h-6.042v-8.906c0-2.293-.41-3.495-2.238-3.495-2.014 0-2.686 1.653-2.686 4.171v8.23h-6.042v-8.906c0-2.293-.448-3.495-2.275-3.495-1.977 0-2.686 1.653-2.686 4.171v8.23h-6.042V7.26h6.042v2.517c.895-1.841 2.686-2.968 5.185-2.968Z"
            fill="#2A2A42"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M34.236 17.515c-.56 1.315-1.604 1.879-3.245 1.879-1.828 0-3.32-.978-3.47-3.044h11.675v-1.691c0-4.548-2.946-8.38-8.504-8.38-5.184 0-9.064 3.795-9.064 9.094 0 5.336 3.805 8.568 9.139 8.568 4.401 0 7.46-2.142 8.317-5.976l-4.848-.45Zm-6.64-4.097c.224-1.578 1.082-2.78 3.021-2.78 1.79 0 2.76 1.277 2.835 2.78h-5.856Z"
            fill="#2A2A42"
        />
        <path
            d="M70.516 24.13V7.37h6.042v16.76h-6.042ZM76.596 5.791h-6.118V.455h6.118v5.336Z"
            fill="#2A2A42"
        />
    </svg>
);

export default RemixIcon;
